<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //变量和属性的相同点：它们都是用来存数据的
        var num = 10;
        var obj = {
            age: 18,
            fn: function () {   //在里面的是方法

            }
        }
        function fn() {          //在外面的是函数

        }
        console.log(obj.age);  //属性前面加对象
        //变量：单独声明并赋值，使用的时候直接写变量名 单独存在
        //属性是对象里面的，不需要声明，使用的时候必须是对象.属性的方式

        //函数和方法相同点：都是实现某种功能，做某件事
        //函数是单独声明，并且调用的 函数名() 单独存在的
        //方法是在对象里面 调用的时候  采用对象.方法()。
    </script>
</head>

<body>

</body>

</html>